<template>
  <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane v-for="item in items" :label="item.label" :name="item.name">
      <slot :name="item.name"></slot>
    </el-tab-pane>
  </el-tabs>
</template>
<script setup>
import { ref} from 'vue'

const props = defineProps({
  items: { type: Array, default: () => [] },
})
const emit = defineEmits(['update:activeName'])
const activeName = ref('')

const handleClick = (   tab, event) => {
  console.log(tab, event)
}
</script>
<style>
/* .demo-tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
} */
</style>
